@font-face {

		 font-family:GESSTVBold-Bold;

		 src:url(../fonts/GESSTVBold-Bold.eot);

		 /* src:url(fonts/GESSTVBold-Bold.otf);*/

	   src:url(../fonts/GESSTVBold-Bold.ttf);

		}

@font-face {

			 font-family:GE_SS_Two_Bold;

			 src:url(../fonts/GE_SS_Two_Bold.otf);

		}

@font-face {

			font-family:GE_SS_Text_Medium;

			 src:url(../fonts/GE_SS_Text_Medium.eot);

			 src:url(../fonts/GE_SS_Text_Medium.ttf);

		}

@font-face {

			 font-family:Bahij_Plain;

			  src:url(../fonts/GE-SS-Two-Light.ttf);

		}

@font-face {

			 font-family:amiri;

			  src:url("../fonts/Amiri-Regular.ttf");

		}

@font-face {

			 font-family:amiri-bold;

			  src:url( "../fonts/Amiri-Bold.ttf");

		}

/****************** Tagssss *******************/

body{font-family:Bahij_Plain !important;/*background: blue;*/}

hr {   border: 0;border-top: 1px solid #eee;border-bottom: 0; margin:10px 0 0 0;}

form{direction: rtl; text-align: right;}

/************************ Magrin & Padding **********/

.nopading { padding: 0px !important;}

.nomargin { margin:0 auto !important;}

.nofloat { float: none !important;}

.arab{ direction: rtl; text-align: right}

/*************** font - colors *****************/

.f-orange { color: #E84D1C;}

.f-h-gray { color: #3E4D5C}

.f-s-gray { color: #B6B6B6}

.h1, h1 {

    font-size: 36px !important;

    font-family: Bahij_Plain !important;

    border-bottom: 0px solid #f4f4f4 !important;

}



.h1, .h2, .h3, h1, h2, h3 {

    margin-top: 10px !important;

    margin-bottom: 10px !important;

   

}



/*******************backgrounds ****************/

.b-s-gray {background: #F5F5F5;}

.main-bg{ background: linear-gradient(90deg, rgba(234,103,65,100) 0%, rgba(152,138,125,100) 100%);}

.b-s-orange {background: #E84D1C;}

/******************* Page 2 ==============*******/

h1.titler{ font-weight: bold;}

.tipz{ background: #F5F5F5; color: #707070; font-size: 18px; padding: 25px; }

.tipg{margin: auto;}    

.all-main{ padding-top: 20px; margin-bottom: 10px;}

h5 {

    color: #707070 !important;

    font-size: 22px !important;

    padding: 10px !important;

    font-family: Bahij_Plain !important;

    width:100%;

}

#divd3 {

    background: #F5F5F5 !important;

    border: 1px solid #BDB6B6 !important;

    border-radius: 25px !important;

    padding: 10px !important;

}

    #divd3 h5 {

        padding: 0px;

        padding-bottom: 10px !important;

    }

    #divd3 select {

        direction: rtl;

        color: #AFAEAE !important;

        height: 40px !important;

        border-radius: 10px !important;

    }

.vo2 {

    padding: 20px !important;

}

.fgz{ float: left !important;}

.input-group-addon {

    border-top-left-radius: 10px !important;

    border-bottom-left-radius: 10px !important;

    border-top-right-radius: 0px !important;

    border-bottom-right-radius: 0px !important;

    background: #707070 !important;

    color: #ffffff !important;

    border: none;

}

.addono {

    border-top-left-radius: 0px !important;

    border-bottom-left-radius: 0px !important;

    border-top-right-radius: 10px !important;

    border-bottom-right-radius: 10px !important;

    height: 40px;

    direction: rtl !important;

    font-size: 20px !important;

    font-family: sans-serif;

    font-weight: bold !important;

}

.dona-but {

    border-style: none;

    border-color: inherit;

    border-width: medium;

    padding: 7px 15px;

    background: #EBEBEB !important;

    color: var(--primary) !important;

    font-family: sans-serif;

    font-weight: bold;

    border-radius: 12px !important;

    font-size: 18px !important;

    }

.all-main.active {

    background: #F16531;

    color: #ffffff;

}

.div-last{ padding: 25px;}

/********************* page 2 ------- Radio 1 *******************/





.switch {position: relative;margin: auto;padding: 0 1rem;direction: rtl; float: none !important; padding-bottom: 10px;max-width: 440px;}

.switch:before {

  content: '  ';

  position: absolute;

  left: 0;

  z-index: 0;

  width: 100%;

  height: 3rem;

  background: #F5F5F5 !important;

  border-radius: 30px !important;

}

.switch__label {

    direction: rtl;

    display: inline-block;

    width: 15%;

    padding: 1rem;

    text-align: left;

    cursor: pointer;

    transition: color 200ms ease-out;

    margin-top: 30px;

    color: #707070;

    font-weight: normal;

    font-size: 15px !important;

}

.switch__label:hover {

  color: #E84D1C;

}

.switch__indicator {

    font-size:14px !important;

    direction: rtl;

  width: 4rem;

  height: 4rem;

  position: absolute;

  top: -.5rem;

  right: 0;

  background: blue;

  transition: transform 600ms cubic-bezier(0.02, 0.94, 0.09, 0.97), background 300ms cubic-bezier(0.17, 0.67, 0.14, 1.03);

  transform: translate3d(1rem, 0, 0);

}

.switch input#one:checked ~ .switch__indicator {

  background: #F26532 !important;

  transform: translate3d(-5.6rem, 0, 0) !important;

}

.switch input#two:checked ~ .switch__indicator {

  background:#F26532 !important;

  transform: translate3d(-13.6rem, 0, 0) !important;

}

.switch input#three:checked ~ .switch__indicator {

  background:#F26532;

  transform: translate3d(-23.4rem, 0, 0);

}

.switch input#four:checked ~ .switch__indicator {

  background:#F26532 !important;

  transform: translate3d(-33.5rem, 0, 0) !important;

}

.switch input[type="radio"]:not(:checked), .switch input[type="radio"]:checked {

  display: none;

}



/******************** Page 2 ============Radio 2 *******/



#divd2 input[type=radio] {

  position: absolute;

  visibility: hidden;

  display: none;

}



#divd2 label {

  color: #9a929e;

  display: inline-block;

  cursor: pointer;

  font-weight: bold;

  padding: 5px 20px;

        margin-bottom: 0px !important;

    font-weight: normal;

 background-color: #F5F5F5;

 font-size:14px !important;

}



#divd2 input[type=radio]:checked + label {

  color: #ffffff;

  background: #b88b15;

}



#divd2 label + input[type=radio] + label {

    border-left: solid 2px #BDB6B6 !important;

    background-color: #F5F5F5;

}



#divd2 .radio-group {

    border: solid 2px #BDB6B6 !important;

    display: inline-block;

    margin: 10px;

    margin-left: 0px !important;

    margin-right: 0px !important;

    border-radius: 10px !important;

    overflow: hidden;

}





            #one,#two,#three,#four{

                width: 10% !important;

                

            }

          









/********************responsive   ******/

@media only screen and (max-width: 450px)

		{

            .switch { width: 300px !important;}

            .switch__label { width: 24%; padding-left: 0px;padding-right: 0px; }

            .switch input#one:checked ~ .switch__indicator {

                transform: translate3d(-1.8rem, 0, 0) !important;

                width: 50% !important;

                

            }

            .switch input#two:checked ~ .switch__indicator {

                transform: translate3d(-10rem, 0, 0) !important;

                width: 50% !important;

                

            }

            .switch input#three:checked ~ .switch__indicator {

                transform: translate3d(-17rem, 0, 0) !important;

                width: 50% !important;

                

            }

            .switch input#four:checked ~ .switch__indicator {

                transform: translate3d(-22.8rem, 0, 0) !important;

                width: 50% !important;

               

            }

            /*#one,#two,#three,#four{*/

            /*    width: 30% !important;*/

                

            /*}*/

          

            .dona-but {

                padding-left: 8px !important;

                padding-right: 8px !important;

            }



            .vo2 {

                padding: 10px !important;

            }

            

            .foont{

                font-size: 14px !important;

            }

        }



@media only screen and (max-width: 375px) {

    /*#divd2 label {*/

    /*    padding:5px 18px !important;*/

    /*}*/

    .foont{

                font-size: 14px !important;

            }

    }